<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="Shortcut Icon" href="./img/favicon.ico" type="image/x-icon" />
    <title>首页/故宫博物院青少网站</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 头部区域 -->
    <div class="header">
      <a href="" class="logo">
        <h1>故宫博物院</h1>
      </a>
      <ul class="nav nav-left">
        <li><a href="">Home</a></li>
        <li><a href="">故宫动态</a></li>
        <li><a href="">我要逛故宫</a></li>
      </ul>
      <ul class="nav nav-right">
        <li><a href="">上书房</a></li>
        <li><a href="">故宫大冒险</a></li>
      </ul>
      <a href="" class="bell"></a>
    </div>

    <!-- 浮萍 -->
    <div class="flows">
      <img class="summer" src="./img/summer.jpg" alt="" />
      <div class="item summer1"></div>
      <div class="item summer2"></div>
      <div class="item summer3"></div>
      <div class="item summer4"></div>
      <div class="item summer5"></div>
      <div class="item summer6"></div>
    </div>

    <!-- 新闻区域 -->
    <div class="news-container">
      <ul class="news-list clearfix">
        <li>
          <div class="time">2021.09.17</div>
          <a href="" class="title">敦行故远：故宫敦煌特展” 在故宫博物院开幕</a>
          <p class="desc">
            此次展览分为“丝路重华”“万象人间”“保护传承”三个单元，展出来自丝绸之路甘肃段的文物及故宫博物院院藏文物共188件。展品还包括敦煌壁画临本35件，复制彩塑6身，高保真数字化壁画复制品70余幅，还有仿制华盖、佛塔等辅助展品20余件。在午门西马道下临时展厅还同时展出敦煌莫高窟第285窟、第220窟和第320窟三个复制洞窟。让观众近距离体验作为中华文明千年华彩汇聚的两大代表、文化遗产保护研究及利用的两大基地——敦煌石窟与故宫的独特魅力。
          </p>
        </li>
        <li>
          <div class="time">2021.09.06</div>
          <a href="" class="title">
            “吉虎迎新岁 山河庆升平” 2022年《故宫日历》发布会在故宫博物院举行
          </a>
          <p class="desc">
            2022年，农历壬寅年，生肖虎，虎在十二生肖中排第三。虎威武勇猛，在中国传统文化中，虎是山兽之君、百兽之长，寓意吉祥平安，是活力和荣耀的象征。2022年《故宫日历》收录的与虎相关文物图片，从新石器时代的玉双虎首璜，到现代齐白石、张大千等画虎作品，呈现了上下五千年虎文化艺术大观。
          </p>
        </li>
        <li>
          <div class="time">2021.09.01</div>
          <a href="" class="title">
            故宫博物院关于“恢弘的故宫•中轴的奥秘” 直播活动的公告
          </a>
          <p class="desc">直播时间：2021年9月5日10:00-11:30</p>
        </li>
      </ul>
      <ul class="treasure-list clearfix">
        <li>
          <a href="">
            <img src="./img/treasure1.png" alt="" />
            <p>如意如意，如我心意</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/treasure2.png" alt="" />
            <p>紫禁学堂--《冰嬉图》里看冰嬉</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/treasure3.png" alt="" />
            <p>紫禁学堂--“艺术家”宋徽宗</p>
          </a>
        </li>
      </ul>
    </div>

    <!-- 地图区域 -->
    <div class="map">
      <div class="teacher left"></div>
      <ul class="item-list">
        <li>
          <a href=""><img src="./img/guide1.png" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="./img/guide2.png" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="./img/guide3.png" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="./img/guide4.png" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="./img/guide5.png" alt="" /></a>
        </li>
      </ul>
    </div>

    <!-- 更多区域 -->
    <div class="more clearfix">
      <ul class="app">
        <li>
          <a href="">
            <img src="./img/app/app1.jpg" alt="" />
            <p>紫禁城祥瑞pro</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app2.jpg" alt="" />
            <p>皇帝的一天</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app3.png" alt="" />
            <p>故宫展览</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app4.jpg" alt="" />
            <p>胤禛美人图</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app5.jpg" alt="" />
            <p>紫禁城祥瑞</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app6.jpeg" alt="" />
            <p>韩熙载夜宴图</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app7.png" alt="" />
            <p>清代皇帝服饰</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app8.jpg" alt="" />
            <p>故宫陶瓷馆</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app9.jpg" alt="" />
            <p>每日故宫</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/app/app10.jpg" alt="" />
            <p>紫禁城600</p>
          </a>
        </li>
      </ul>
      <div class="attend">
        <img src="./img/qrcode.png" alt="" />
      </div>
      <ul class="store">
        <li>
          <img src="./img/icon-1.png" alt="" />
          <a href="">故宫淘宝</a>
        </li>
        <li>
          <img src="./img/icon-2.png" alt="" />
          <a href="">故宫出版旗舰店</a>
        </li>
        <li>
          <img src="./img/icon-3.png" alt="" />
          <a href="">故宫文创旗舰店</a>
        </li>
      </ul>
    </div>

    <!-- 页脚 -->
    <div class="footer">
      <div class="container clearfix">
        <a href="" class="logo-bottom"></a>
        <div class="aside">
          <div class="friend-link">
            故宫其他站点
            <ul class="options">
              <li><a href="">故宫官网</a></li>
              <li><a href="">故宫出版社</a></li>
              <li><a href="">中国古代书画研究系统</a></li>
              <li><a href="">故宫博物院藏品总目</a></li>
              <li><a href="">北京故宫文物保护基金会</a></li>
            </ul>
          </div>
          <div class="inner-link clearfix">
            <a href="">隐私政策</a>
            <a href="">联系我们</a>
            <a href="">版权声明</a>
            <a href="">问卷调查</a>
          </div>
          <div class="copyright">
            © 2001-2021 故宫博物院
            <a href="">京ICP备05067311号-1</a>
            网站建设：清石信息
          </div>
        </div>
        <div class="house"></div>
      </div>
    </div>

    <!-- 广告 -->
    <!-- <a href="" class="adv"><img src="./img/adv.png" alt="" /></a> -->
    <!-- 回到顶部 -->
    <!-- <a href="javascript:scrollTo(0,0)" class="to-top"></a> -->

    <script src="./js/index.js"></script>
  </body>
</html>
